.f-opacity0 {
    opacity: 0;
}
.p-static-download {
    background: #fff;
    height: 100%;

    .content {
        background-color: #ff8791;
        height: 5.2rem;
        overflow: hidden;
    }

    .inner-box {
        width: 100%;
        position: relative;
    }

    .title-box {
        text-align: center;
        position: relative;
        top: 35px;
    }

    .bg-font-1, & .bg-font-2, & .bg-font-3 {
        background-image: url('../../images/static_download/font.png');
        display: inline-block;
        width: 203px;
        height: 29px;
        background-size: 203px auto;
        position: absolute;
        left: 50%;
        margin-left: -100px;
    }
    .bg-font-1 {
        background-position: 0 0;
    }
    .bg-font-2 {
        background-position: 0 -29px;
    }
    .bg-font-3 {
        background-position: 0 -57px;
    }

    .phone-box {
        background-image: url('../../images/static_download/phone_bg.png');
        width: 126px;
        height: 254px;
        background-size: 126px auto;
        position: absolute;
        top: 84px;
        left: 50%;
        margin-left: -126px;
    }

    .slide-wrap {
        width: 110px;
        margin-left: 8px;
        margin-top: 29px;
        overflow: hidden;
        position: relative;
        height: 194px;
    }

    .slide-box {
        left: 0;
        -webkit-transition:all .3s ease-in;
        transition:all .3s ease-in;
        list-style: none;
        width: 776px;
        position: absolute;
        .banner{
            width: 110px;
            height: 194px;
            float: left;
        }
    }

    .down-box {
        position: absolute;
        left: 2.28rem;
        margin-left: 0.15rem;
        top:2.26rem;
        font-size: 0;
        text-align: center;

        p {
            text-align: right;
            font-size: 0.30rem;
            line-height: 0.36rem;
        }
        h1 {
            text-align: right;
            font-weight: bold;
            font-size: 0.32rem;
            line-height: 0.39rem;
            margin-bottom: 0.28rem;
        }
    }

    .bg-font-share, .bg-font-download {
        background-image: url('../../images/static_download/font2.png');
        display: inline-block;
        width: 75px;
        height: 17px;
        background-size: 75px auto;
    }
    .bg-font-share {
        background-position: 0 0;
    }
    .bg-font-download {
        background-position: 0 -17px;
        margin-top: 10px;
    }

    .down-btn {
        margin-top: 0.16rem;
        background-color: #fe606e;
        width: 1.53rem;
        line-height: 0.46rem;
        display: block;
        font-size: 0.14rem;
        color: #fff;
        padding-left: 0.25rem;
    }

    .static-dot {
        text-align: center;
        font-size: 0;
        margin-top: 10px;
        span {
            display: inline-block;
            width: 6px;
            height: 6px;
            border-radius: 5px;
            background: #e3e3e3;
            margin-left: 5px;
        }
        .active {
            background: #ff5b3b;
        }
    }

    .logo {
        margin-top: 40px;
        text-align: center;
    }

}